<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>商品详情</title>
    <link rel="stylesheet" href="../css/reset.css">
    <link rel="stylesheet" href="../css/detail.css">
</head>

<body>
    <div class="header_top">
        <div class="w">
            <ul class="left clearfix">
                <li><a href="">欢迎来到聚美！</a></li>
                <li><a href="../html/login.html">请登录</a></li>
                <li><a href="../html/reg.html">快速注册</a></li>
            </ul>
            <ul class="right clearfix">
                <li><a href="">订单查询</a></li>
                <li>
                    <a href=""><s class="favorite"></s> 收藏的品牌</a>
                </li>
                <li class="my">
                    <a href="">我的聚美
                        <s class="arrow_down"></s>
                    </a>
                    <span class="white"></span>
                    <ul class="hid">
                        <li><a href="">我的订单</a></li>
                        <li><a href="">我的现金券</a></li>
                        <li><a href="">我的红包</a></li>
                        <li><a href="">我的余额</a></li>
                        <li><a href="">我的提现退款</a></li>
                        <li><a href="">我的收藏</a></li>
                        <li><a href="">我的心愿单</a></li>
                        <li><a href="">会员中心</a></li>
                        <li><a href="">礼品卡兑换</a></li>
                    </ul>
                </li>
                <li><a href=""><span class="line"></span><s class="moblie"></s>手机聚美</a></li>
                <li><span class="line"></span></li>
                <li class="my"><a href="">更多<s class="arrow_down"></s></a>
                    <span class="white"></span>
                    <ul class="hid more">
                        <li><a href="">邀请好友</a></li>
                        <li><a href="">加入收藏</a></li>
                        <li><a href="">新浪微博</a></li>
                        <li><a href="">聚美微信</a></li>
                        <li><a href="">百度贴吧</a></li>
                        <li><a href="">腾讯微博</a></li>
                        <li><a href="">个人公众主页</a></li>
                    </ul>
                </li>
            </ul>
        </div>
    </div>
    <div class="header_center">
        <div class="w">
            <div class="logo">
                <a href="../html/index.html">
                    <img src="../img/logo.jpg" alt="">
                </a>
            </div>
            <div class="cart_box">
                <a href="" class="cart">
                    <img src="../img/cart.gif" alt="">
                    <span>去购物车结算</span>
                    <s class="arrow_down"></s>
                    <i class="white"></i>
                    <div class="hid">
                        购物车中还没有商品，<br> 赶快挑选心爱的商品吧！
                    </div>
                </a>
            </div>
        </div>

    </div>
    <div class="header_bottom">
        <div class="w">
            <ul class="nav">
                <li><a href="">首页</a></li>
                <li><a href="">极速免税店</a></li>
                <li><a href="">母婴特卖</a></li>
                <li><a href="">美妆商城 <s class="arrow_down"></s></a></li>
                <li><a href="">国际轻奢</a></li>
                <li><a href="">服装运动</a></li>
                <li><a href="">鞋包配饰</a></li>
            </ul>
            <ul class="real clearfix">
                <li><a href=""><img src="../img/z_01new.jpg" alt=""></a></li>
                <li><a href=""><img src="../img/z03.jpg" alt=""></a></li>
            </ul>
        </div>
    </div>
    <div class="details">
        <div class="w">
            <div class="src">
                <p> <a href="index.html">聚美优品首页</a>><a href=""></a></p>
            </div>
            <div class="container clearfix">
                <!-- <div class="l">
                    <div class="simg_t">
                        <img src="../img/xiangshui.jpg" alt="">
                        <div class="mask">

                        </div>
                    </div>
                    <div class="simg_b">
                        <img src="../img/xiangshui.jpg" alt="">
                    </div>
                    <div class="bimg">
                        <img src="../img/bimg.jpg" alt="">
                    </div>
                </div>
                <div class="r">
                 <h2>描述</h2>
                 <p class="price"><span>￥</span>价格</p>
                 <p class="num">数量<span><input type="text"><a href="javascript:;" class="add"></a><a href="javascript:;" class="sub"></a></span> </p>
                <p class="add_cart"><span></span> 加入购物车</p>
                </div> -->
            </div>
        </div>
    </div>
    <div class="fixaside">
        <div class="outer">
            <ul class="ibar_mp_center">
                <li>
                    <a href="" class="on"><s class="login"></s> </a>
                    <div class="login_box">
                        <img src="../img/avatar_nonesign.jpg" alt="">
                        <p>你好！请<a href="../html/login.html"> 登录 </a><span>|</span><a href="../html/reg.html"> 注册 </a>
                        </p>
                        <hr>
                        <div class="login_btnbox clearfix">
                            <a href="" class="login_order">我的订单</a>
                            <a href="" class="login_favorite">我的收藏</a>
                        </div>
                        <s class="arrow_white"></s>
                        <s class="close"></s>
                    </div>
                </li>
                <li><a href="javascript:;" class="tw"><s class="car"></s><span class="txt">购物车</span><span
                            class="num">0</span></a></li>
                <li>
                    <a href="javascript:;" class="th"><s class="money"></s>
                        <span class="my_presure">我的财产</span>

                    </a>
                </li>
                <li>
                    <a href="" class="fo"><s class="like"></s>
                        <span class="my_wish">我的心愿单</span>
                    </a>
                </li>
                <li><a href="" class="fi">
                        <s class="history"></s>
                        <span class="my_history">我看过的</span>
                    </a></li>
            </ul>
            <ul class="ibar_mp_foot">
                <li>
                    <a href="">
                        <s class="erma"></s>
                        <span class="">
                            <img src="../img/erma.png" alt="">
                        </span>
                    </a>
                </li>
                <li>
                    <a href=""><s class="serve"></s>
                        <span class="kefu">客服中心</span>
                    </a>
                </li>
                <li>
                    <a href="javascript:;">
                        <s class="top"></s>
                        <span class="to_top">返回顶部</span>
                    </a>
                </li>
            </ul>
        </div>

        <div class="ibar_mp_carlist">
            <h2>购物车 <s class="close"></s></h2>
            <hr>
            <div class="carlist_empty">
            </div>
            <div class="carlist">
                <!-- <h2>名品特卖</h2>
             <hr>
             <ul class=" cart_list">
                 <li class="clearfix">
                     <div class="l">
                        <img src="../img/p3.jpg" alt="">
                     </div>
                     <div class="r">
                         <p class="name"> 完美日记小黑盖粉底液膏</p>
                         <p class="desc">完美日记粉底液轻薄水润，打造空气感光泽</p>
                         <p class="mn"><span>￥33</span>×<i>1</i></p>
                     </div>

                 </li>
             </ul> -->
                <!-- <p><span class="s1">共<i></i>件商品</span><span class="s2">￥</span></p> -->
                <!-- <input type="button" value="去购物车结算" class="to_pay">-->
            </div>
        </div>
    </div>
    <script src="../js/jquery-3.6.0.js"></script>
    <script src="../js/api.js"></script>
    <script src="../js/axios.min.js"></script>
    <script src="../js/detail.js"></script>
    <script>


    </script>
</body>

</html>